@charset "utf-8";
.index-kgl .kgl-upper-detail-text a,
.yzs-detail-content {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-banner,
.index-gsc,
.index-kgl,
.index-zzx {
  background-color: #fff;
}
.index-icon {
  background-image: url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png);
  background-image: -webkit-image-set(url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png) 1x,url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
  background-repeat: no-repeat;
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.move-animation {
  overflow: hidden;
}
.move-animation img {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.move-animation:hover img {
  -webkit-transform: scale(1.05) translate3d(0, -2rem, 0);
  -moz-transform: scale(1.05) translate3d(0, -2rem, 0);
  -ms-transform: scale(1.05) translate3d(0, -2rem, 0);
  -o-transform: scale(1.05) translate3d(0, -2rem, 0);
  transform: scale(1.05) translate3d(0, -2rem, 0);
}
.slow-emerge {
  opacity: 0;
  -webkit-transform: translate(0, 20%);
  transform: translate(0, 20%);
}
.index-common .index-common-header {
  text-align: center;
}
.index-common-header .index-common-title {
  font-size: .34rem;
  font-weight: 500;
}
.index-common-header .index-common-title a {
  color: #333;
}
.index-common-header .index-common-title-after,
.index-common-header .index-common-title-before {
  display: inline-block;
  width: .57rem;
  height: .01rem;
  margin: 0 .26rem;
  background-color: #d8d8d8;
  vertical-align: middle;
}
.index-common-header .index-common-description {
  display: block;
  padding: .06rem 0;
  font-size: .14rem;
  color: #999 !important;
}
.index-common-header .index-common-tab-wrapper {
  width: 1.99rem;
  height: .37rem;
  margin: .26rem auto .50rem;
  cursor: pointer;
  border: .01rem solid #e8e8e8;
  border-right-width: 0;
  box-sizing: border-box;
}
.index-common-tab-wrapper .tab-item {
  float: left;
  width: 50%;
  height: 100%;
  border-right: .01rem solid #e8e8e8;
  box-sizing: border-box;
  font-size: .14rem;
  color: #333;
  text-align: center;
  line-height: .35rem;
}
.index-common-tab-wrapper .is-active {
  color: #24c77e;
}
.index-common .index-common-navbar {
  padding-top: .36rem;
  padding-bottom: .40rem;
  font-size: .14rem;
  text-align: center;
}
.index-common-navbar li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.index-common-navbar li a {
  font-size: .14rem;
  color: #333;
}
.index-common-navbar li a .arrow {
  display: inline-block;
  width: .10rem;
  height: .10rem;
  margin-bottom: 0;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTRkMGFiMS04ZTQ5LTAzNDAtYjcyOC0yMzg3YWI5ODg2NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjUyQTdEMzIzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjUyQTdEMzEzQTA1MTFFN0FCN0FGRTkzNzkzNDIwRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OGE0ZDBhYjEtOGU0OS0wMzQwLWI3MjgtMjM4N2FiOTg4NjczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhNGQwYWIxLThlNDktMDM0MC1iNzI4LTIzODdhYjk4ODY3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PheCEA8AAADISURBVHjahNGhCgJBFIXh2cEkGExiMJhsIkxYq81qsFhVVHwOn8JuMlhEDGYNi2g3iE3QJ9DgPzIGh529Fz4GlsPZ2buRMWaulHpjogKTJMn3LKynYlYjwhhPtFX2iFlbOEADD2xwQCVQKGa1O8+ooYM6brCfl0spzcxqL7xCHiP08cIwcNvUrA6Ed+7NdlrCXv+yfmGMEy64w6AXKErN/gqbOLoll9wfjN0zfzKztnCBParoooxt4FZi1hZeMUMRS2FfYvYjwACoOTfurYnaaQAAAABJRU5ErkJggg==)
    no-repeat;
}
.index-common-navbar li a:hover {
  color: #0cb46a;
}
.index-common-navbar li a:hover .arrow {
  background-position: -.11rem 0;
}
.index-common-navbar .navbar-line {
  padding: 0 .18rem;
  color: #c3c3c3;
}
.index-banner {
  position: relative;
}
.index-banner .arrow-left,
.index-banner .arrow-right {
  visibility: hidden;
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-top: -.46rem;
  width: .60rem;
  height: .92rem;
  background-color: #333;
  opacity: 0.3;
}
.index-banner .arrow-left:hover,
.index-banner .arrow-right:hover {
  opacity: 0.5;
}
.index-banner:hover .arrow-left,
.index-banner:hover .arrow-right {
  visibility: visible;
}
.index-banner .arrow-left {
  left: .01rem;
}
.index-banner .arrow-right {
  right: .01rem;
}
.index-banner .bannner-arrow {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.05rem;
  margin-top: -.11rem;
  width: .10rem;
  height: .22rem;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png)
    no-repeat;
}
.arrow-left .bannner-arrow {
  background-position: -.30rem -.25rem;
}
.arrow-right .bannner-arrow {
  background-position: -.40rem -.25rem;
}
.banner-sliders .swiper-slide,
.banner-sliders .swiper-wrapper {
  height: 3.60rem !important;
  overflow: hidden;
  position: relative;
}
.banner-sliders .swiper-slide a {
  height: 3.60rem !important;
  position: relative;
  display: block;
}
.banner-sliders .swiper-slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1.80rem;
  display: none;
  height: 3.60rem;
}
.index-banner .slider-btns {
  position: absolute;
  left: 50%;
  bottom: -.05rem;
  margin-left: -1.80rem;
  width: 3.60rem;
  text-align: center;
  z-index: 1;
}
.slider-btns .swiper-pagination-switch {
  display: inline-block;
  width: .30rem;
  height: .10rem;
  border-top: .01rem solid #fff;
  opacity: 0.4;
  cursor: pointer;
}
.slider-btns .swiper-active-switch {
  opacity: 1;
}
.slider-btns .swiper-pagination-switch + .swiper-pagination-switch {
  margin-left: .14rem;
}
@media screen and (min-width: 1460rem) {
  .index-common-header .index-common-title {
    font-size: .42rem;
  }
  .index-common-header .index-common-description,
  .index-common-navbar li a {
    font-size: .18rem;
  }
  .index-common .index-common-navbar {
    padding-top: .44rem;
    padding-bottom: .34rem;
    font-size: .18rem;
  }
  .index-banner .banner-sliders .swiper-slide img {
    margin-top: -2.30rem;
  }
  .index-banner .banner-sliders .swiper-slide,
  .index-banner .banner-sliders .swiper-slide a,
  .index-banner .banner-sliders .swiper-slide img,
  .index-banner .banner-sliders .swiper-wrapper {
    height: 4.60rem !important;
  }
}
.consult-popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
  top: 0;
  left: 0;
  z-index: 7047;
}
.popup-box,
.popup-box-fail {
  left: 50%;
  position: absolute;
}
.popup-box {
  top: 50%;
  margin-left: -4.00rem;
  margin-top: -2.50rem;
  width: 6.80rem;
  padding: .60rem;
  background-color: #fff;
}
.popup-box .popup-header {
  text-align: center;
  padding-top: .15rem;
  padding-bottom: .35rem;
  border-bottom: .01rem solid #ddd;
}
.popup-box .popup-header-success {
  display: block;
  font-size: .28rem;
  font-weight: 700;
}
.popup-box .popup-header-success-icon {
  display: inline-block;
  width: .41rem;
  height: .37rem;
  vertical-align: middle;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png) -61rem -2rem
    no-repeat;
}
.popup-box .popup-header-tip {
  display: block;
  font-size: .16rem;
  color: #fb6947;
}
.popup-box .popup-content-title {
  padding: .34rem 0;
  font-size: .20rem;
  color: #0cb46a;
  text-align: center;
}
.popup-box .popup-item-title {
  font-size: .15rem;
}
.popup-box .popup-item-description {
  font-size: .12rem;
  color: #999;
}
.popup-box .popup-content-item {
  width: 1.90rem;
  float: left;
}
.popup-box .popup-content-item + .popup-content-item {
  margin-left: .55rem;
}
.popup-box .popup-content-item .popup-content-item-img {
  display: block;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_s.png)
    no-repeat;
  background-image: -webkit-image-set(url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_s.png) 1x,url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_l.png) 2x);
  background-image: image-set(url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_s.png) 1x,url(//img.to8to.com/to8to_pc/index/statics/img/fabiao_popup_l.png) 2x);
  width: 1.91rem;
  height: 1.01rem;
}
.popup-box .popup-content-item .popup-content-item-img-f {
  background-position: 0 0;
}
.popup-box .popup-content-item .popup-content-item-img-s {
  background-position: -2.08rem 0;
}
.popup-box .popup-content-item .popup-content-item-img-t {
  background-position: -4.18rem 0;
}
.popup-box .popup-close,
.popup-box-fail .popup-close {
  position: absolute;
  top: .10rem;
  right: .10rem;
  width: .20rem;
  cursor: pointer;
  height:.20rem;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_m.png) -3rem -24rem
    no-repeat;
}
.popup-box-fail {
  top: 50%;
  margin-left: -2.00rem;
  margin-top: -.87rem;
  width: 3.40rem;
  padding: .60rem;
  background-color: #fff;
}
.popup-fail-tip {
  position: absolute;
  top: .10rem;
  left: .15rem;
  font-size: .16rem;
}
.popup-fail-icon {
  display: inline-block;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/indexFix.png) -17rem -20rem
    no-repeat;
  width: .60rem;
  height: .60rem;
}
.popup-fail-text {
  font-size: .18rem;
  line-height: .32rem;
  width: 2.40rem;
  margin-left: .18rem;
  display: inline-block;
  vertical-align: super;
}
.index-entries {
  padding: .20rem 0;
  background: #f5f5f5;
}
.index-entries .entries-item {
  float: left;
  box-shadow: 0 0 0 #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.index-entries .entries-item a {
  display: block;
  width: 2.22rem;
  height: .74rem;
  padding: .23rem .15rem;
  background-color: #fff;
}
.index-entries .entries-item:hover {
  -webkit-box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -.02rem, 0);
  transform: translate3d(0, -.02rem, 0);
  border-radius: .02rem;
}
.index-entries .entries-item + .entries-item {
  margin-left: .20rem;
}
.entries-item .entries-item-title {
  font-size: .20rem;
  line-height: .44rem;
  color: #333;
  font-weight: 400;
}
.entries-item .entries-item-info {
  float: left;
  text-align: left;
  width:1.44rem;
  display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;
    overflow: hidden;
}
.entries-item .entries-item-tip {
  display: block;
  font-size: .12rem;
  line-height: .17rem;
  color: #666;
}
.entries-item-banner {
  float: right;
  display: none;
margin-top: .22rem;
  margin-top:.05rem;
}
.entries-item-banner img {
  display: block;

}
.entries-item .entries-item-icon {
  display: none;
  float: right;
  background-image: url(//img.to8to.com/brand_promotion/whole_house/entries_newicon_s.png?v=20180905);
  background-image: -webkit-image-set(url(//img.to8to.com/brand_promotion/whole_house/entries_newicon_s.png?v=20180905) 1x,url(//img.to8to.com/brand_promotion/whole_house/entries_newicon_l.png?v=20180905) 2x);
  background-image: image-set(url(//img.to8to.com/brand_promotion/whole_house/entries_newicon_s.png?v=20180905) 1x,url(//img.to8to.com/brand_promotion/whole_house/entries_newicon_l.png?v=20180905) 2x);
  background-repeat: no-repeat;
}
.entries-item-icon-first {
  width: .93rem;
  height: .65rem;
  background-position: 0 0;
}
.entries-item-icon-second {
  width: .69rem;
  height: .65rem;
  background-position: -106rem 0;
}
.entries-item-icon-sixth {
  width: .74rem;
  height: .64rem;
  background-position: -186rem 0;
}
.entries-item-icon-third {
  width: .73rem;
  height: .58rem;
  background-position: -271rem 0;
}
.entries-item-icon-five {
  width: .71rem;
  height: .66rem;
  background-position: -424rem 0;
}
.entries-item-icon-fourth {
  width: .55rem;
  height: .65rem;
  background-position: -356rem 0;
}
@media screen and (min-width: 1460rem) {
  .index-entries .entries-item a {
    width: 2.30rem;
    padding: .38rem .23rem;
  }
  .index-entries .entries-item + .entries-item {
    margin-left: .20rem;
  }
  .entries-item .entries-item-title {
    font-size: .24rem;
  }
  .entries-item .entries-item-tip {
    font-size: .14rem;
  }
}
.index-zzx {
  padding: .80rem 0 .40rem;
}
.index-zzx-company-box {
  width: 100%;
}
.index-zzx-company {
  font-size: 0;
  float: left;
}
.index-zzx-more {
  display: block;
  margin: .40rem auto 0;
  height: .40rem;
  width: 1.77rem;
  border: .01rem solid #e8e8e8;
  font-size: .14rem;
  color: #ff5a02;
  text-align: center;
  line-height: .40rem;
}
.zzx-company-list {
  float: left;
  width: 2.90rem;
  height: 3.30rem;
  margin-top: .20rem;
  background-color: #fff;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.zzx-company-list + .zzx-company-list {
  margin-left: .20rem;
}
.zzx-company-list.zzx-company-nonmargin {
  margin-left: 0;
}
.zzx-company-img {
  position: relative;
  width: 2.90rem;
  height: 2.00rem;
}
.company-bag-url {
  display: block;
  width: 2.90rem;
  height: 2.00rem;
  overflow: hidden;
}
.zzx-company-bag {
  width: 2.90rem;
  height: 2.00rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transform: all 0.7s;
}
.ad-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .40rem;
  height: .22rem;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/ad-icon.png)
    no-repeat;
}
.zzx-company-detail {
  position: relative;
  width: 100%;
  height: 1.30rem;
  padding: .20rem;
  border: .01rem solid #e8e8e8;
  border-top: 0;
  box-sizing: border-box;
}
.zzx-company-name-wrapper {
  font-size: .16rem;
  color: #333;
}
.zzx-company-name-wrapper .name {
  display: inline-block;
  margin-right: .04rem;
  max-width: 1.84rem;
  height: .24rem;
  line-height: .24rem;
  font-size: .18rem;
  font-weight: 700;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.zzx-company-icon {
  width: .18rem;
  height: .18rem;
  margin-left: .06rem;
  display: inline-block;
  font-size: .12rem;
  color: #fff;
  border-radius: .01rem;
  font-style: normal;
  text-align: center;
  line-height: .18rem;
  vertical-align: middle;
}
.zzx-company-icon.red {
  background-color: #ff572a;
}
.zzx-company-icon.orange {
  background-color: #ff952b;
}
.zzx-company-data {
  margin-top: .10rem;
}
.zzx-company-data li {
  display: inline-block;
  font-size: .14rem;
  color: #747474;
  *display: inline;
  *zoom: 1;
}
.zzx-company-data li + li {
  margin-left: .20rem;
}
.zzx-company-data em {
  color: #ff4112;
}
.zzx-company-data .rate-icon {
  display: inline-block;
  width: .70rem;
  object-fit: contain;
  vertical-align: middle;
}
.zzx-company-data .nums {
  display: inline-block;
  margin-left: .08rem;
  color: #333;
  font-size: .14rem;
  vertical-align: middle;
}
.zzx-company-recommend {
  margin-top: .17rem;
  font-size: .16rem;
  color: #999;
}
.zzx-company-bespoke {
  display: inline-block;
  margin-top: .26rem;
}
.company--enter--store,
.zzx-company-bespoke {
  width: .78rem;
  height: .28rem;
  font-size: .12rem;
  line-height: .28rem;
  text-align: center;
  color: #666;
  border: 1rem solid #d8d8d8;
}
.company--enter--store {
  display: block;
  margin: .26rem auto 0;
  width: 1.90rem;
}
.zzx-company-list:hover {
  border: 0;
  box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -.04rem, 0);
  transform: translate3d(0, -.04rem, 0);
}
.zzx-company-list:hover .zzx-company-detail {
  border: 0;
  *border: 1rem solid #e8e8e8;
}
.zzx-company-list .company--enter--store:hover,
.zzx-company-list .zzx-company-bespoke:hover {
  width: .80rem;
  height: .30rem;
  line-height: .30rem;
  background-color: #ff5a00;
  color: #fff;
  border: 0;
}
.zzx-company-list .company--enter--store:hover {
  width: 1.92rem;
}
.zzx-company-list:hover .zzx-company-bag {
  -webkit-transition: scale(1.1);
  -moz-transition: scale(1.1);
  -ms-transition: scale(1.1);
  -o-transition: scale(1.1);
  transform: scale(1.1);
}
.index-zzx-process {
  width: 100%;
  margin-top: .54rem;
  padding-bottom: .60rem;
  text-align: center;
  -webkit-transform: translate(0, 20%);
  -moz-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  transform: translate(0, 20%);
}
.index-zzx-process img {
  margin-top: .72rem;
}
.index-zzx-process h4 {
  font-size: .24rem;
  color: #333;
  font-weight: 500;
}
.index-zzx-process ul {
  overflow: hidden;
}
.index-zzx-process ul li {
  position: relative;
  float: left;
}
.index-zzx-process ul li p {
  white-space: nowrap;
}
.index-zzx-process ul li span {
  display: block;
}
.index-zzx-process ul li + li {
  margin-left: .44rem;
}
.zzx-process-yy {
  margin-left: .05rem;
}
.index-zzx-process .zzx-process-yy {
  width: .84rem;
}
.index-zzx-process .zzx-process-lf {
  width: 1.72rem;
}
.index-zzx-process .zzx-process-fa {
  width: 1.44rem;
}
.index-zzx-process .zzx-process-ht {
  width: 1.40rem;
}
.index-zzx-process .zzx-process-sg {
  width: 1.54rem;
}
.index-zzx-process .zzx-process-ys {
  width: 1.40rem;
}
.index-zzx-process .zzx-process-bz {
  width: 1.12rem;
}
.index-zzx-process .index-icon {
  display: block;
  margin: 0 auto;
}
.zzx-process-box {
  margin-top: .52rem;
}
.index-zzx-process .icon-zxyy {
  width: .41rem;
  height: .51rem;
  background-position: -3.80rem -1.08rem;
}
.index-zzx-process .icon-lf {
  width: .54rem;
  height: .46rem;
  margin-top: .05rem;
  background-position: -3.80rem -.56rem;
}
.index-zzx-process .icon-fa {
  width: .60rem;
  height: .51rem;
  background-position: -3.81rem 0;
}
.index-zzx-process .icon-ht {
  width: .50rem;
  height: .51rem;
  background-position: -3.12rem -1.68rem;
}
.index-zzx-process .icon-sg {
  width: .54rem;
  height: .45rem;
  margin-top: .06rem;
  background-position: -3.12rem -1.16rem;
}
.index-zzx-process .icon-ys {
  width: .57rem;
  height: .49rem;
  margin-top: .02rem;
  background-position: -3.12rem 0;
}
.index-zzx-process .icon-bz {
  width: .46rem;
  height: .51rem;
  background-position: -3.12rem -.56rem;
}
.index-zzx-step {
  margin-top: .16rem;
  font-size: .16rem;
  color: #333;
}
.index-zzx-detail {
  margin-top: .03rem;
  font-size: .12rem;
  color: #999;
}
.zzx-step-box {
  margin-top: .28rem;
  height: .33rem;
}
.zzx-step-img {
  position: relative;
  float: left;
  margin-left: .05rem;
}
.zzx-step-img-first {
  margin-left: .25rem;
}
.icon-round {
  float: left;
  width: .33rem;
  height: .33rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=)
    no-repeat;
}
.step-num {
  position: absolute;
  top: .07rem;
  left: .13rem;
  font-size: .14rem;
  color: #a3a3a3;
}
.index-yzs .yzs-bg-left,
.index-yzs .yzs-bg-right,
.yzs-bg-right-box {
  top: 0;
  position: absolute;
  height: 5.00rem;
}
.step-line {
  float: left;
  width: 1.46rem;
  height: .01rem;
  margin: .16rem 0 0 .05rem;
  background-color: #e3e3e3;
}
.index-yzs {
  position: relative;
  height: 5.00rem;
  overflow: hidden;
  -webkit-transform: translate(0, 10%);
  -moz-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  -o-transform: translate(0, 10%);
  transform: translate(0, 10%);
}
.index-yzs .yzs-bg-left img {
  width: 15.36rem;
  height: 10.00rem;
  margin-top: -3.00rem;
  margin-left: -3.71rem;
}
.index-yzs-bg {
  float: left;
  width: 100%;
}
.index-yzs .yzs-bg-left {
  left: 0;
  *width: 65%;
  overflow: hidden;
}
.yzs-bg-right-box {
  right: 0;
  z-index: 11;
  width: 5.97rem;
  *width: 45%;
}
.index-yzs .yzs-bg-right {
  right: 0;
  width: 5.97rem;
  *width: 100%;
}
.index-yzs .content-wrapper {
  position: relative;
  height: 5.00rem;
  z-index: 10;
}
.index-yzs-review {
  position: absolute;
  top: .60rem;
  left: 0;
  width: 5.00rem;
  height: 3.50rem;
  padding: .40rem .50rem 0;
  background-color: #fff;
  border-radius: .04rem;
}
.index-yzs-yezhu {
  position: absolute;
  top: .48rem;
  left: .80rem;
  width: 4.30rem;
}
.index-yzs-title {
  margin-bottom: .08rem;
  text-align: left;
  font-size: .24rem;
  font-weight: 400;
  color: #fff;
}
.index-yzs-slogan {
  margin-bottom: .03rem;
  text-align: left;
  font-size: .14rem;
  color: #fff;
}
.index-yzs-yezhu ul {
  overflow: hidden;
  margin-top: .27rem;
}
.index-yzs-yezhu ul li {
  float: left;
  margin: 0 .34rem .29rem 0;
  width: .66rem;
  height: .66rem;
  cursor: pointer;
  border: .02rem solid #0cb46a;
  border-radius: 50%;
}
.index-yzs-yezhu img.gray {
  border: .2rem solid #fff;
}
.index-yzs-yezhu ul li img {
  width: .66rem;
  height: .66rem;
  border-radius: 50%;
}
.yzs-detail {
  overflow: hidden;
}
.yzs-detail-logo {
  float: left;
  width: .70rem;
  height: .70rem;
  border-radius: 50%;
}
.yzs-detail p {
  float: left;
  margin-left: 19rem;
  width: 4.10rem;
}
.yzs-detail-title {
  margin-top: .10rem;
  font-size: .18rem;
  color: #333;
}
.yzs-detail-title-dot {
  display: inline-block;
  margin-top: .06rem;
  font-size: .12rem;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
.yzs-detail-type {
  margin-top: .03rem;
  font-size: .12rem;
  color: #999;
  white-space: nowrap;
}
.yzs-detail-content {
  margin-top: .010rem;
  height: .42rem;
  line-height: .23rem;
  text-align: left;
  font-size: .14rem;
  color: #666;
  display: -webkit-box;
}
.yzs-detail-img {
  margin-top: .24rem;
  overflow: hidden;
}
.yzs-detail-img img {
  float: left;
  width: 2.35rem;
  height: 1.60rem;
}
.yzs-detail-img img + img {
  margin-left: .20rem;
}
.yzs-detail-type .division-thread {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: .04rem .11rem 0;
}
.index-ksj {
  padding-top: .90rem;
  padding-bottom: .15rem;
  background: #f5f5f5;
}
.design-topic {
  position: relative;
  width: 100%;
  margin-bottom: .70rem;
}
.design-topic .design-info {
  float: left;
  position: relative;
  margin-bottom: .10rem;
}
.design-topic .design-info a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.design-topic .image-wrapper {
  height: 0;
}
.design-topic .design-info img {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.design-topic .design-info:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.design-topic .design-info[data-index="0"] {
  width: 25%;
}
.design-topic .design-info[data-index="0"] .image-wrapper {
  padding-top: 100%;
}
.design-topic .design-info[data-index="1"] {
  width: 37.5%;
  padding-right: .10rem;
  padding-left: .10rem;
  box-sizing: border-box;
}
.design-topic .design-info[data-index="1"] .image-wrapper {
  width: 100%;
  padding-top: 51.714%
}
.design-topic .design-info[data-index="2"] {
  width: 37.5%;
}
.design-topic .design-info[data-index="2"] .image-wrapper {
  width: 100%;
  padding-top: 63.889%;
}
.design-topic .design-info[data-index="3"] {
  width: 25%;
  float: none;
  position: absolute;
  left: 0;
  bottom: 0;
}
.design-topic .design-info[data-index="3"] .image-wrapper {
  width: 100%;
  padding-top: 65.417%;
}
.design-topic .design-info[data-index="4"] {
  float: none;
  position: absolute;
  bottom: 0;
  left: 25%;
  padding-right: .10rem;
  padding-left: .10rem;
  width: 37.5%;
  box-sizing: border-box;
}
.design-topic .design-info[data-index="4"] .image-wrapper {
  width: 100%;
  padding-top: 61.714%;
}
.design-topic .design-info[data-index="5"] {
  float: right;
  width: 37.5%;
}
.design-topic .design-info[data-index="5"] .image-wrapper {
  width: 100%;
  padding-top: 46.389%;
}
.design-topic .design-info[data-index="1"] a,
.design-topic .design-info[data-index="4"] a {
  left: .10rem;
  right: .10rem;
}
.design-group {
  width: 100%;
}
.design-group .design-group-l {
  width: 24%;
  float: left;
}
.design-group .design-group-c {
  width: 37.2%;
  float: left;
  margin-left: 0.675%;
}
.design-group .design-group-r {
  width: 37.45%;
  float: right;
}
.design-group-c img,
.design-group-l img,
.design-group-r img {
  position: absolute;
}
.design-group-l .design-link.first {
  height: 3.30rem;
}
.design-group-l .design-link.second {
  height: 2.40rem;
}
.design-group-c .design-link.first {
  height: 2.60rem;
}
.design-group-c .design-link.second {
  height: 3.10rem;
}
.design-group-r .design-link.first {
  height: 3.20rem;
}
.design-group-r .design-link.second {
  height: 2.50rem;
}
.design-group .design-link {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
}
.cover-inner,
.index-kgl-type span img {
  position: absolute;
}
@media screen and (min-width: 1460rem) {
  .design-group-l .design-link.first {
    height: 4.80rem;
  }
  .design-group-l .design-link.second {
    height: 3.14rem;
  }
  .design-group-c .design-link.first {
    height: 3.34rem;
  }
  .design-group-c .design-link.second,
  .design-group-r .design-link.first {
    height: 4.60rem;
  }
  .design-group-r .design-link.second {
    height: 3.34rem;
  }
}
.design-group .design-link .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background-color: rgba(0, 190, 141, 0.8);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f11bc90, endColorstr=#7f11bc90);
  color: #fff;
  text-align: center;
}
.cover-inner {
  width: 100%;
  top: 50%;
  left: 0;
  height: .34rem;
  margin-top: -.17rem;
  line-height: .20rem;
}
.cover-title {
  display: block;
  font-size: .20rem;
}
.cover-num {
  display: block;
  margin-top: .25rem;
  font-size: .16rem;
}
.design-group-c .design-link + .design-link,
.design-group-l .design-link + .design-link,
.design-group-r .design-link + .design-link {
  margin-top: .18rem;
}
.index-kgl {
  padding-top: .90rem;
}
.index-kgl .content-wrapper {
  width: 12.40rem;
  overflow: hidden;
}
.index-kgl-content {
  height: 4.60rem;
  padding: 0 .10rem;
  margin-top: .70rem;
  font-size: 0;
  float: left;
}
.index-kgl-type {
  float: left;
  vertical-align: top;
  background-color: #fff;
  text-align: center;
}
.index-kgl-lower {
  position: relative;
  width: 2.87rem;
  height: 4.08rem;
  display: block;
  border: .01rem solid #e3e3e3;
}
.index-kgl-upper {
  position: relative;
  z-index: 10;
  display: none;
  width: 3.54rem;
  height: 4.60rem;
  margin-left: -.01rem;
  background-color: #fff;
  box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 .15rem .30rem rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -.25rem, 0) scale(0.9);
  -moz-transform: translate3d(0, -.25rem, 0) scale(0.9);
  transform: translate3d(0, -.25rem, 0) scale(0.9);
  *border: .01rem solid #e3e3e3;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  *margin-top: -.25rem;
}
.index-kgl-type.hover .index-kgl-upper {
  -webkit-transform: translate3d(0, -.25rem, 0) scale(1);
  -moz-transform: translate3d(0, -.25rem, 0) scale(1);
  transform: translate3d(0, -.25rem, 0) scale(1);
}
.index-kgl-type + .index-kgl-type .index-kgl-lower {
  border-left: 0;
}
.index-kgl .index-icon-arrow {
  display: block;
  width: .25rem;
  height: .22rem;
  background-position: 0 -2.54rem;
}
.index-kgl .index-icon-arrow:hover {
  background-position: -.32rem -2.54rem;
}
.index-kgl-title {
  width: 100%;
  height: 1.40rem;
  padding-top: .01rem;
  background-color: #f6f6f6;
}
.index-kgl-upper .index-kgl-title {
  height: 1.67rem;
}
.kgl-title-text {
  position: relative;
  display: block;
  margin-top: .86rem;
  font-size: .20rem;
  color: #333;
}
.kgl-title-text .index-icon {
  position: absolute;
}
.index-icon-zxgl {
  top: -.66rem;
  left: 50%;
  margin-left: -.20rem;
  width: .41rem;
  height: .42rem;
  background-position: -2.60rem -.48rem;
}
.index-kgl-upper .index-icon-zxgl {
  background-position: -2.08rem -.48rem;
}
.index-icon-zxrj {
  top: -.66rem;
  left: 50%;
  margin-left: -.21rem;
  width: .42rem;
  height: .43rem;
  background-position: -2.60rem -1.44rem;
}
.index-kgl-upper .index-icon-zxrj {
  margin-left: -.20rem;
  width: .39rem;
  height: .43rem;
  background-position: -2.08rem -1.44rem;
}
.index-icon-zxwd {
  top: -.66rem;
  left: 50%;
  margin-left: -.22rem;
  width: .45rem;
  height: .43rem;
  background-position: -207rem 0;
}
.index-kgl-upper .index-icon-zxwd {
  width: .44rem;
  height: .42rem;
  margin-left: -.19rem;
  background-position: -2.60rem 0;
}
.index-icon-zxgj {
  top: -.66rem;
  left: 50%;
  width: .45rem;
  height: .42rem;
  margin-left: -.23rem;
  background-position: -2.60rem -.96rem;
}
.index-kgl-upper .index-icon-zxgj {
  width: 46rem;
  height: 43rem;
  background-position: -208rem -96rem;
}
.index-kgl-type .index-kgl-lower ul {
  margin-top: 32rem;
}
.index-kgl-type .index-kgl-lower ul li {
  padding-left: 27rem;
  height: 28rem;
  line-height: 28rem;
  text-align: left;
  font-size: 14rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-kgl-bg {
  width: 354rem;
  height: 167rem;
  font-size: 0;
}
.index-kgl-upper .kgl-title-text {
  position: absolute;
  top: 113rem;
  left: 0;
  width: 100%;
  margin-top: 0;
  color: #fff;
}
.kgl-upper-detail a {
  float: left;
  margin-right: 12rem;
}
.kgl-upper-detail img {
  width: 100rem;
  height: 68rem;
}
.index-kgl .kgl-upper-detail-content {
  float: left;
  width: 180rem;
}
.index-kgl .kgl-upper-detail .kgl-upper-zxwd {
  width: 100%;
  margin-left: 0;
}
.index-kgl .kgl-upper-detail {
  overflow: hidden;
  padding-bottom: 18rem;
  border-bottom: 1rem dashed #e8e8e8;
}
.index-kgl .kgl-upper-detail-title {
  float: left;
  height: 20rem;
  font-size: 14rem;
  color: #333;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-kgl .kgl-upper-detail-title a {
  color: #333;
}
.index-kgl .kgl-upper-detail-text {
  float: left;
  width: 100%;
  height: 45rem;
  margin-top: 5rem;
  font-size: 12rem;
  line-height: 24rem;
  color: #999;
  text-align: left;
}
.index-kgl .kgl-upper-detail-text a {
  width: 100%;
  height: 41rem;
  display: -webkit-box;
}
.index-kgl .kgl-upper-content {
  padding: 25rem 30rem 0;
}
.index-kgl .kgl-upper-content ul {
  margin-top: 14rem;
}
.index-kgl .kgl-upper-content ul li {
  font-size: 14rem;
  height: 24rem;
  line-height: 24rem;
  text-align: left;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-kgl .kgl-upper-content ul li a:hover {
  color: #0cb46a;
}
.index-kgl .index-kgl-zxgg-list {
  margin: 4rem 0 0 34rem;
  overflow: hidden;
}
.index-kgl .index-kgl-zxgg-list li {
  float: left;
  width: 142rem;
  height: 80rem;
  text-align: center;
}
.index-kgl .index-kgl-zxgg-list li a {
  display: inline-block;
  padding-top: 1rem;
  *display: inline;
  *zoom: 1;
}
.index-kgl .index-kgl-zxgg-list li span {
  position: relative;
  margin-top: 15rem;
  padding-top: 44rem;
  display: block;
  font-size: 14rem;
  color: #333;
}
.index-kgl .index-kgl-zxgg-list li span:hover,
.index-video-region:hover .video-text-slogan a {
  color: #0cb46a;
}
.index-kgl .index-kgl-zxgg-list li i {
  position: absolute;
}
.index-kgl .index-icon-zxsc {
  top: 10rem;
  left: 50%;
  width: 40rem;
  height: 26rem;
  margin-left: -20rem;
  background-position: -116rem -116rem;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxsc {
  background-position: -159rem -116rem;
}
.index-kgl .index-icon-zxdk {
  top: 6rem;
  left: 50%;
  width: 30rem;
  height: 29rem;
  margin-left: -15rem;
  background-position: -116rem -148rem;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxdk {
  background-position: -159rem -148rem;
}
.index-kgl .index-icon-qz {
  top: 7rem;
  left: 50%;
  width: 31rem;
  height: 29rem;
  margin-left: -15rem;
  background-position: -116rem 0;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-qz {
  background-position: -159rem 0;
}
.index-kgl .index-icon-dz {
  top: 3rem;
  left: 50%;
  width: 36rem;
  height: 36rem;
  margin-left: -18rem;
  background-position: -116rem -75rem;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-dz {
  background-position: -160rem -75rem;
}
.index-kgl .index-icon-zxjr {
  top: 4rem;
  left: 50%;
  width: 36rem;
  height: 35rem;
  margin-left: -18rem;
  background-position: -116rem -36rem;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxjr {
  background-position: -160rem -36rem;
}
.index-kgl .index-icon-rzjr {
  top: 7rem;
  left: 50%;
  width: 30rem;
  height: 31rem;
  margin-left: -15rem;
  background-position: -116rem -184rem;
}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-rzjr {
  background-position: -159rem -184rem;
}
.index-icon-arrow-box {
  position: absolute;
  right: 0;
  bottom: 19rem;
  width: 25rem;
  height: 22rem;
  padding: 0 20rem;
  overflow: hidden;
}
@keyframes arrowRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(45rem);
  }
}
@keyframes arrowLeft {
  0% {
    transform: translateX(-45rem);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 1460rem) {
  @keyframes arrowRight {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
    }
    100% {
      transform: translateX(49rem);
      -webkit-transform: translateX(49rem);
    }
  }
  @keyframes arrowLeft {
    0% {
      transform: translateX(-49rem);
      -webkit-transform: translateX(-49rem);
    }
    100% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
    }
  }
  .index-icon-arrow-box {
    right: 20rem;
    bottom: 30rem;
    width: 29rem;
    height: 25rem;
  }
}
.index-kgl-type.hover .index-kgl-upper:hover .index-icon-arrow,
.index-video-list-box:hover .index-icon-arrow {
  animation-name: arrowRight, arrowLeft;
  -webkit-animation-name: arrowRight, arrowLeft;
  animation-iteration-count: 1, 1;
  -webkit-animation-iteration-count: 1, 1;
  animation-duration: 0.4s, 0.4s;
  -webkit-animation-duration: 0.4s, 0.4s;
  animation-delay: 0.5s, 0.9s;
  -webkit-animation-delay: 0.5s, 0.9s;
  animation-timing-function: ease-in-out, ease-in-out;
  -webkit-animation-timing-function: ease-in-out, ease-in-out;
}
.index-video-list-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 435rem;
  height: 100%;
}
.index-video-box {
  position: relative;
  width: 100%;
  height: 653rem;
  margin-top: 50rem;
  overflow: hidden;
}
.video-compatible-box {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.video-icon-pause {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30rem;
  margin-top: -30rem;
  width: 60rem;
  height: 60rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgNJREFUeNrs28lqwkAYB/CZqNVDDj2r6FN41QeIy8Fe+gj6BL275Q08u9FbT8ZdwVfotSBYEPUkxFOoks4EKiJdaDuTjMn3wWBO0V/+sySR8SNSqVRKIR8qaXHkzlqS9jCfzzWcTCYp9hF5o+59sVjsiRzcegSckFzcjT+ruN80TeSlAjCAAXzdJSGPFXRpAAMYwACGZQkSdhG4WCzehMNhqV6vG6vVSrirKVEw66YoSqDb7cqlUilE8JjHd/y1MQefVzqdDmiaJpfLZWHgXMHn8F6vJ1cqlVAkEsGuAn83J4gAd2RZymQygX6/L1erVQt+9ZPWb+CDwcCC2zXGJaewl/DhcHhK3DVj+KfKZrMWvFarcYNLomAv4aPRSFZVlTlcSPA5fDweW/BoNIqFnKV53JvncjkLns/n/cLdS+92O7RYLLgsKfv9/t8XlDn4eDyiw+HA9Jyz2eyt0+kY2+3WFC5hluej0Ha7zQQq9PPwdDq1Et1sNsx/nFBgCqWJ8oAK1aUptNVqcYWewE4nahfU0YQnk4ntUEfGMIU2m01HoLaCKbTRaDgKtaVLk9tBYaBcE/6Artdr4RZ5TB6/dC+9iIe/WgAMYADDpAUJAxjAAAYwgGFZgoS/AtNNTF7Z2bL0BYPBV3Jw5xFwwWcYxgtBP5OkE8i9G7aWGOOCruvauwADALMLMEbKf4SdAAAAAElFTkSuQmCC)
    no-repeat;
  z-index: 10;
}
.index-video-play,
.video-bg {
  width: 100%;
  position: absolute;
}
.index-video-box .content-wrapper {
  position: relative;
  height: 453rem;
  margin-top: 100rem;
  background-color: #fff;
}
.index-video-play {
  height: 453rem;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #fff;
}
.video-bg {
  top: 0;
  left: 0;
  height: 653rem;
}
.video-icon,
.video-play-box {
  float: left;
  width: 805rem;
  height: 453rem;
}
.index-video-play ul {
  position: absolute;
  top: 10rem;
  right: 30rem;
}
.index-video-play ul li {
  width: 355rem;
  height: 65rem;
  padding: 20rem 0;
}
.index-video-region {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.video-icon-title,
.video-url {
  width: 116rem;
  height: 65rem;
}
.index-video-play ul li + li {
  border-top: 1rem dashed #d8d8d8;
}
.video-url {
  position: relative;
  float: left;
  vertical-align: top;
}
.video-url .video-text-title {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 116rem;
  height: 65rem;
  font-size: 12rem;
  text-align: center;
  line-height: 65rem;
  background: #000;
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.video-play-num,
.video-text-slogan {
  text-align: left;
  vertical-align: top;
  float: left;
}
.index-kgl li.on .video-text-title {
  display: block;
}
.video-text-slogan,
.video-text-slogan a {
  height: 22rem;
  color: #333;
  width: 224rem;
  overflow: hidden;
}
.video-text-slogan {
  margin: 6rem 0 8rem 14rem;
  font-size: 16rem;
}
.video-text-slogan a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-play-num {
  width: 224rem;
  margin-left: 14rem;
  height: 20rem;
}
.video-play-num span {
  position: relative;
  margin-left: 20rem;
  font-size: 12rem;
  color: #999;
  vertical-align: top;
}
.video-play-num .video-intro {
  height: 20rem;
  line-height: 18rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-kgl .icon-play {
  position: absolute;
  top: 0;
  left: -20rem;
  width: 16rem;
  height: 12rem;
  background-position: -184rem -248rem;
}
.index-kgl li.on .icon-play {
  background-position: -162rem -248rem;
}
.index-video-play ul li.hover .play-btn,
.index-video-play ul li:hover .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25rem;
  height: 20rem;
  margin: -10rem 0 0 -12rem;
  background-position: -92rem -228rem;
}
.index-video-play ul li.on:hover .play-btn {
  display: none;
}
.index-zwj {
  padding: 90rem 0 100rem;
  background-color: #fff;
}
.index-zwj-list {
  margin-left: -20rem;
  -webkit-transform: translate(0, 10%);
  -moz-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  -o-transform: translate(0, 10%);
  transform: translate(0, 10%);
}
.index-zwj-list .list-item {
  float: left;
  width: 393rem;
  height: 291rem;
  margin-left: 20rem;
  overflow: hidden;
}
.index-zwj-list .list-item a {
  position: relative;
  display: block;
  cursor: pointer;
}
.index-zwj-list .list-item img {
  width: 393rem;
  height: 291rem;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.index-zwj-list .list-item a:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-box-shadow: 0 -58rem 123rem -62rem #000 inset;
  -moz-box-shadow: 0 -58rem 123rem -62rem #000 inset;
  box-shadow: 0 -58rem 123rem -62rem #000 inset;
}
.index-zwj-list .list-item:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}
.index-zwj-list .list-item-label {
  position: absolute;
  left: 20rem;
  bottom: 16rem;
  color: #fff;
  font-size: 16rem;
  z-index: 1;
}
@media screen and (min-width: 1460rem) {
  .index-zwj-list .list-item,
  .index-zwj-list .list-item img {
    width: 474rem;
    height: 350rem;
  }
  .index-zwj-list {
    margin-left: -19rem;
  }
  .index-zwj-list .list-item {
    margin-left: 19rem;
  }
}
.transverse-thread {
  display: block;
  width: 40rem;
  height: 1rem;
  background-color: #fff;
}
.index-gsc {
  padding: 90rem 0 100rem;
}
.index-gsc .content-wrapper {
  overflow: hidden;
}
.index-gsc .list-wares {
  position: relative;
  float: left;
  width: 400rem;
  margin-right: 10rem;
  overflow: hidden;
}
.index-gsc .index-gsc-list {
  font-size: 0;
  float: left;
}
.index-gsc .list-wares img {
  width: 400rem;
  height: 358rem;
  vertical-align: top;
}
.list-wares a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.index-gsc .list-more {
  margin-right: 0;
}
.index-gsc .list-more img {
  width: 400rem;
  height: 175rem;
}
.index-gsc .list-more a {
  position: relative;
  display: block;
  vertical-align: bottom;
}
.index-gsc .list-more a + a {
  margin-top: 8rem;
}
.index-seller-list {
  float: left;
  width: 100%;
  margin-top: 20rem;
  background-color: #fff;
}
.index-seller-list a,
.index-seller-list img {
  width: 243rem;
  height: 110rem;
}
.index-seller-list ul {
  overflow: hidden;
}
.index-seller-list ul li {
  float: left;
  background-color: #fff;
}
.index-seller-list ul li a {
  float: left;
}
.index-seller-list .division-thread {
  float: left;
  height: 35rem;
  margin: 37rem 0 0;
  background-color: #e0e0e0;
}
.list-wares-title {
  position: absolute;
  text-align: center;
  color: #333;
}
.list-wares .list-wares-title {
  top: 38rem;
  left: 0;
  z-index: 10;
  width: 100%;
}
.list-wares .list-wares-name {
  margin-bottom: 12rem;
  font-size: 20rem;
}
.list-wares .transverse-thread {
  width: 54rem;
  margin: 0 auto;
  background-color: #717273;
}
.list-wares .list-wares-price {
  display: block;
  margin-top: 13rem;
  font-size: 16rem;
}
.list-more .list-wares-title {
  top: 24rem;
  left: 30rem;
  width: auto;
}
.list-more .list-wares-price {
  text-align: left;
}
.list-more .transverse-thread {
  margin: 0;
}
.index-tubatu {
  padding: 90rem 0 100rem;
  background: #f5f5f5;
}
.index-tubatu .list-item .list-item-content {
  overflow: hidden;
}
.index-tubatu .index-tubatu-list {
  margin-top: 40rem;
  -webkit-transform: translate(0, 10%);
  -moz-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  -o-transform: translate(0, 10%);
  transform: translate(0, 10%);
}
.index-tubatu .list-item-title {
  height: 70rem;
  margin: 15rem 0;
  padding-left: 20rem;
  padding-right: 20rem;
  font-size: 18rem;
  font-weight: 500;
  line-height: 30rem;
}
.index-tubatu-list .list-item {
  float: left;
  position: relative;
  width: 393rem;
  border: 1rem solid #e8e8e8;
  margin-left: 17rem;
  box-shadow: 0 0 0 #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.index-tubatu-list .list-item:hover {
  -webkit-box-shadow: 0 15rem 30rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 15rem 30rem rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2rem, 0);
  transform: translate3d(0, -2rem, 0);
  border-radius: 2rem;
  border-color: transparent;
}
.index-tubatu-list .list-item-content-img {
  width: 393rem;
  height: 249rem;
  overflow: hidden;
}
.index-tubatu-list {
  margin-left: -17rem;
}
.index-tubatu-list .list-item-content img {
  width: 393rem;
  height: 249rem;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.index-tubatu-list .list-item:hover .list-item-content img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}
.index-tubatu-list .list-item-footer {
  position: relative;
  padding: 17rem;
  border-top: 1rem solid #e8e8e8;
}
.index-tubatu-list .list-item-logo {
  height: 30rem;
}
.index-tubatu-list .list-item-num {
  position: absolute;
  top: 50%;
  margin-top: -19rem;
  right: 15rem;
  padding-top: 10rem;
  font-size: 14rem;
  color: #999;
}
.index-tubatu-list .list-item-clock {
  display: inline-block;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png) -539rem -311rem
    no-repeat;
  background-image: -webkit-image-set(url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png) 1x,url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
  background-image: image-set(url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_s.png) 1x,url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
  width: 17rem;
  height: 17rem;
  vertical-align: middle;
  padding-bottom: 1rem;
  padding-right: 3rem;
}
.index-data-show {
  position: relative;
  height: 220rem;
  overflow: hidden;
  background-color: #0cb46a;
}
.index-data-show .content-wrapper {
  position: relative;
  z-index: 10;
  height: 220rem;
}
.index-data-show .index-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 220rem;
}
.index-img-box p {
  position: absolute;
  color: #fff;
}
.index-slogan-top {
  top: 54rem;
  left: 160rem;
  font-size: 23rem;
  font-weight: 700;
}
.index-slogan-bottom {
  top: 90rem;
  left: 160rem;
  font-size: 17rem;
}
.index-img-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.index-img {
  position: absolute;
  width: 148rem;
  vertical-align: bottom;
  bottom: 0;
  left: 0;
}
.index-data-box {
  position: absolute;
  right: 0;
  top: 50rem;
}
.index-data-box .index-data-mini {
  display: block;
  width: 618rem;
  height: 73rem;
}
.index-data-box .index-data {
  display: none;
}
@media screen and (min-width: 1460rem) {
  .index-tubatu-list .list-item-content-img,
  .index-tubatu-list .list-item-content-img img {
    width: 476rem;
    height: 300rem;
  }
  .index-tubatu-list {
    margin-left: -13rem;
  }
  .index-tubatu-list .list-item {
    width: 476rem;
    margin-left: 13rem;
  }
}
#container_wrapper,
#video_play_box,
.container-fullscreen #container {
  width: 805rem !important;
  height: 453rem !important;
}
@media screen and (min-width: 1460rem) {
  .index-zzx-step {
    font-size: 18rem;
  }
  .index-zzx-detail {
    font-size: 14rem;
  }
  .zzx-process-box {
    margin-top: 72rem;
  }
  .index-zzx-process ul li + li {
    margin-left: 84rem;
  }
  .step-line {
    width: 186rem;
  }
  .index-zzx-process .icon-zxyy {
    width: 48rem;
    height: 60rem;
    background-position: -452rem 0;
  }
  .index-zzx-process .icon-lf {
    width: 64rem;
    height: 54rem;
    margin-top: 6rem;
    background-position: -448rem -67rem;
  }
  .index-zzx-process .icon-fa {
    width: 71rem;
    height: 60rem;
    background-position: -452rem -128rem;
  }
  .index-zzx-process .icon-ht {
    width: 59rem;
    height: 60rem;
    background-position: -456rem -196rem;
  }
  .index-zzx-process .icon-sg {
    width: 64rem;
    height: 53rem;
    margin-top: 7rem;
    background-position: -536rem 0;
  }
  .index-zzx-process .icon-ys {
    width: 68rem;
    height: 58rem;
    margin-top: 2rem;
    background-position: -532rem -64rem;
  }
  .index-zzx-process .icon-bz {
    width: 54rem;
    height: 61rem;
    background-position: -546rem -132rem;
  }
  .zzx-process-bz .index-zzx-step {
    margin-top: 15rem;
  }
  .index-ksj .index-common-navbar {
    padding-top: 44rem;
    padding-bottom: 54rem;
  }
  .video-play-num .video-intro {
    height: 22rem;
    line-height: 22rem;
    font-size: 14rem;
  }
  #container_wrapper,
  #video_play_box,
  .container-fullscreen #container {
    width: 966rem !important;
    height: 543rem !important;
  }
  .index-gsc .list-wares,
  .index-gsc .list-wares img {
    width: 480rem;
  }
  .company-bag-url,
  .zzx-company-bag,
  .zzx-company-img {
    width: 350rem;
    height: 240rem;
  }
  .zzx-company-list {
    width: 350rem;
    height: 380rem;
  }
  .zzx-company-detail {
    width: 350rem;
    height: 140rem;
  }
  .zzx-company-bag,
  .zzx-company-img {
    width: 350rem;
    height: 240rem;
  }
  .zzx-company-data li {
    font-size: 16rem;
  }
  .zzx-company-data {
    margin-top: 14rem;
  }
  .zzx-company-data .nums {
    font-size: 15rem;
  }
  .zzx-company-data .rate-icon {
    width: 74rem;
  }
  .zzx-company-recommend {
    font-size: 18rem;
    margin-top: 19rem;
  }
  .index-zzx-more {
    margin-top: 60rem;
  }
  .index-yzs {
    height: 600rem;
  }
  .index-yzs-review {
    top: 75rem;
    width: 600rem;
    height: 415rem;
    padding: 35rem 60rem 0;
  }
  .yzs-detail-title {
    font-size: 20rem;
    margin-top: 17rem;
  }
  .yzs-detail-type {
    font-size: 14rem;
  }
  .yzs-detail-logo {
    width: 80rem;
    height: 80rem;
  }
  .yzs-detail-content {
    margin-top: 14rem;
    line-height: 27rem;
    height: 48rem;
  }
  .yzs-detail-img {
    margin-top: 26rem;
  }
  .yzs-detail-img img {
    width: 290rem;
    height: 195rem;
  }
  .index-yzs .yzs-bg-left {
    width: 1152rem;
    height: 600rem;
  }
  .index-yzs .content-wrapper {
    height: 600rem;
  }
  .index-yzs .yzs-bg-right,
  .yzs-bg-right-box {
    width: 804rem;
    height: 600rem;
  }
  .index-yzs-yezhu {
    width: 490rem;
    top: 62rem;
    left: 85rem;
  }
  .index-yzs-yezhu ul li,
  .index-yzs-yezhu ul li img {
    width: 74rem;
    height: 74rem;
  }
  .index-yzs-title {
    margin-bottom: 14rem;
    font-size: 30rem;
  }
  .index-yzs-slogan {
    margin-bottom: 7rem;
    font-size: 18rem;
  }
  .index-yzs-yezhu ul {
    margin-top: 35rem;
  }
  .index-yzs-yezhu img.gray {
    border: 2rem solid #fff;
  }
  .index-yzs-yezhu ul li {
    margin: 0 34rem 30rem 0;
    border-radius: 50%;
    border: 2rem solid #0cb46a;
  }
  .index-yzs .yzs-bg-left img {
    width: 1843rem;
    height: 1200rem;
    margin-top: -227rem;
    margin-left: -305rem;
  }
  .yzs-detail p {
    width: 496rem;
  }
  .index-yzs-yezhu img.gray {
    width: 74rem;
    height: 74rem;
  }
  .index-kgl .content-wrapper {
    width: 1500rem;
  }
  .index-kgl-lower {
    width: 348rem;
    height: 488rem;
  }
  .index-kgl-content {
    height: 550rem;
    padding: 0 20rem;
    margin-top: 87rem;
  }
  .kgl-title-text {
    margin-top: 101rem;
    font-size: 24rem;
  }
  .index-kgl-type .index-kgl-lower ul li {
    padding-left: 50rem;
    line-height: 36rem;
    height: 36rem;
  }
  .index-kgl-title {
    height: 168rem;
  }
  .index-kgl-upper .index-kgl-title {
    height: 200rem;
  }
  .index-kgl-type .index-kgl-lower ul {
    margin-top: 39rem;
  }
  .video-icon,
  .video-play-box {
    width: 966rem;
    height: 543rem;
  }
  .index-video-play ul {
    top: 27rem;
    right: 40rem;
  }
  .index-video-play ul li {
    height: 80rem;
    width: 414rem;
    padding: 19rem 0;
  }
  .video-text-slogan,
  .video-text-slogan a {
    height: 30rem;
    width: 250rem;
  }
  .video-text-slogan {
    margin: 10rem 0 0 20rem;
    font-size: 16rem;
  }
  .video-play-num {
    width: 250rem;
    height: 22rem;
    margin-left: 20rem;
  }
  .video-icon-title,
  .video-url {
    width: 142rem;
    height: 80rem;
  }
  .video-url .video-text-title {
    width: 142rem;
    height: 80rem;
    line-height: 80rem;
  }
  .index-video-play {
    height: 543rem;
  }
  .index-video-box {
    margin-top: 50rem;
  }
  .index-video-box,
  .video-bg {
    height: 780rem;
  }
  .index-video-box .content-wrapper {
    width: 1460rem;
    height: 543rem;
    margin-top: 120rem;
  }
  .index-kgl-upper {
    height: 550rem;
    width: 412rem;
    -webkit-transform: translate3d(0, -30rem, 0) scale(0.9);
    -moz-transform: translate3d(0, -30rem, 0) scale(0.9);
    transform: translate3d(0, -30rem, 0) scale(0.9);
  }
  .index-kgl-type.hover .index-kgl-upper {
    -webkit-transform: translate3d(0, -30rem, 0);
    transform: translate3d(0, -30rem, 0);
  }
  .index-kgl-bg {
    width: 413rem;
    height: 200rem;
  }
  .index-kgl .index-icon-arrow {
    width: 29rem;
    height: 25rem;
    background-position: 0 -224rem;
  }
  .index-kgl .index-icon-arrow:hover {
    background-position: -295rem -250rem;
  }
  .kgl-upper-detail img {
    width: 120rem;
    height: 80rem;
  }
  .index-kgl .kgl-upper-detail-title {
    font-size: 16rem;
  }
  .index-kgl .kgl-upper-detail-text {
    font-size: 14rem;
  }
  .index-kgl .kgl-upper-detail-content {
    width: 220rem;
  }
  .index-kgl .kgl-upper-content ul {
    margin-top: 15rem;
  }
  .index-kgl .kgl-upper-detail {
    padding-bottom: 25rem;
  }
  .index-kgl .kgl-upper-content {
    padding: 30rem 30rem 0;
  }
  .index-kgl .kgl-upper-content ul li {
    height: 32rem;
    line-height: 32rem;
  }
  .index-kgl .index-kgl-zxgg-list {
    margin: 10rem 0 0 48rem;
  }
  .index-kgl .index-kgl-zxgg-list li {
    width: 160rem;
    height: 90rem;
  }
  .index-kgl .index-kgl-zxgg-list li span {
    margin-top: 25rem;
    padding-top: 44rem;
  }
  .index-kgl-upper .kgl-title-text {
    top: 131rem;
  }
  .index-icon-zxgl {
    top: -63rem;
    left: 50%;
    margin-left: -24rem;
    width: 48rem;
    height: 50rem;
    background-position: 0 0;
  }
  .index-kgl-upper .index-icon-zxgl {
    width: 49rem;
    height: 50rem;
    background-position: 0 -56rem;
  }
  .index-icon-zxrj {
    top: -63rem;
    left: 50%;
    margin-left: -25rem;
    width: 49rem;
    height: 50rem;
    background-position: 0 -112rem;
  }
  .index-kgl-upper .index-icon-zxrj {
    width: 50rem;
    height: 50rem;
    background-position: 0 -168rem;
  }
  .index-icon-zxwd {
    top: -63rem;
    left: 50%;
    margin-left: -26rem;
    width: 52rem;
    height: 51rem;
    background-position: -57rem -112rem;
  }
  .index-kgl-upper .index-icon-zxwd {
    width: 53rem;
    height: 51rem;
    background-position: -57rem -168rem;
  }
  .index-icon-zxgj {
    top: -62rem;
    left: 50%;
    margin-left: -27rem;
    width: 53rem;
    height: 50rem;
    background-position: -56rem 0;
  }
  .index-kgl-upper .index-icon-zxgj {
    width: 53rem;
    height: 51rem;
    background-position: -56rem -55rem;
  }
  .index-zzx {
    padding: 90rem 0 60rem;
  }
  .index-zzx-process {
    margin-top: 72rem;
    padding-bottom: 80rem;
  }
  .index-common-header .index-common-title {
    height: 45rem;
    line-height: 45rem;
    font-size: 42rem;
  }
  .index-common-header .index-common-description {
    display: block;
    margin-top: 15rem;
    color: #999 !important;
    font-size: 18rem;
  }
  .index-zzx-process h4 {
    font-size: 30rem;
  }
  .list-wares .list-wares-name {
    font-size: 24rem;
    margin-bottom: 15rem;
  }
  .list-wares .list-wares-title {
    top: 46rem;
  }
  .list-wares .list-wares-price {
    margin-top: 18rem;
    font-size: 18rem;
  }
  .zzx-company-name-wrapper .name {
    max-width: 240rem;
    font-size: 20rem;
  }
  .index-kgl .kgl-upper-detail-text a {
    height: 45rem;
  }
  .index-kgl .icon-play {
    top: -1rem;
    left: -25rem;
    width: 19rem;
    height: 15rem;
    background-position: -184rem -228rem;
  }
  .index-kgl li.on .icon-play {
    top: -1rem;
    background-position: -161rem -228rem;
  }
  .video-play-num span {
    margin-left: 25rem;
    top: -2rem;
  }
  .index-data-box .index-data-mini {
    display: none;
  }
  .index-data-box .index-data {
    display: block;
    width: 708rem;
    height: 73rem;
  }
  .index-video-list-box {
    width: 494rem;
  }
}
@media screen and (min-width: 1921rem) {
  .index-yzs {
    width: 1920rem;
    margin: 80rem auto 0;
  }
}
.company-zx-icon {
  position: absolute;
  top: 13rem;
  right: 0;
  width: 156rem;
  height: 30rem;
}
.company-zx-phone {
  width: 260rem;
  font-size: 14rem;
  color: #333;
}
.zzx-company-list:hover .company-zx-phone {
  width: 260rem;
}
.zzx-company-list .company-zx-phone:hover .company-zx-phoneNum {
  color: #fff;
}
.company-zx-phoneNum {
  font-size: 20rem;
  color: #333;
  vertical-align: middle;
}
.company-zx-advertising {
  position: absolute;
  right: 8rem;
  bottom: 4rem;
  font-size: 12rem;
  color: #ccc;
}
.btm-float {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 102;
}
.btm-float__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  fliter: alpha(opacity=70);
}
.btm-float__content {
  position: relative;
  width: 1220rem;
  margin: 0 auto;
  z-index: 2;
}
.btm-float__img {
  position: absolute;
  bottom: 0;
  left: 156rem;
  width: 420rem;
  height: 132rem;
}
.btm-line,
.btm-number {
  height: 40rem;
  width: 180rem;
}
.btm-line {
  position: relative;
  float: left;
  margin-top: 25rem;
  margin-left: 609rem;
  font-size: 14rem;
  color: #999;
}
.btm-label-number {
  position: absolute;
  top: 10rem;
  left: 8rem;
}
.btm-number {
  *height: 30rem;
  *padding-top: 10rem;
  *padding-bottom: 0;
  border: 0;
  text-indent: 8rem;
}
.btm-btn,
.btm-city {
  float: left;
  height: 40rem;
  margin-top: 25rem;
}
.btm-city {
  width: 180rem;
  margin-left: 11rem;
  background-color: #fff;
}
.btm-btn {
  width: 140rem;
  margin-left: 10rem;
  color: #333;
  font-size: 16rem;
  text-align: center;
  line-height: 40rem;
  background-color: #ffe612;
  cursor: pointer;
}
.btm-float__content .district input {
  height: 40rem !important;
  width: 140rem !important;
  padding: 0 0 0 9rem;
  *height: 20rem !important;
  *padding-top: 10rem;
  font-size: 14rem;
}
.btm-float__content .district .district-icon {
  top: 6rem !important;
}
.order-error {
  color: red;
  background-color: #fff;
}
.ad-mark {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
  width: 48rem;
  height: 30rem;
  background-image: url(//img.to8to.com/to8to_pc/common/widgets/adLoader/ad_flag_big_pc.png?v=20171212);
}
.index-mid-all-box .ad-banner-link {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -730rem;
}
.btm-app-text,
.btm-app-text a {
  font-family: OPPOSans-R;
  font-size: 16rem;
  color: #fff;
  letter-spacing: 1rem;
  line-height: 72rem;
}
.btm-app-btn,
.btm-left-ewm-box p {
  font-family: OPPOSans-M;
  text-align: center;
}
.btm-app-text {
  padding-left: 70rem;
}
.btm-app-text a {
  text-decoration: underline;
  cursor: default;
}
.btm-app-btn {
  background: #24c77e;
  border-radius: 4rem;
  width: 80rem;
  height: 30rem;
  display: inline-block;
  font-size: 14rem;
  color: #fff;
  line-height: 30rem;
  margin-left: 20rem;
  cursor: default;
}
.btm-ewm-box {
  height: 108rem;
  width: 108rem;
  position: absolute;
  bottom: 12rem;
  right: 0;
  background: #fff;
  border: 1rem solid #f0f1f5;
  border-radius: 12rem;
}
.btm-ewm-img {
  height: 89rem;
  width: 89rem;
  display: block;
  margin: 10rem;
}
.close-btm-ico {
  display: inline-block;
  height: 15rem;
  width: 15rem;
  background: url(//img.to8to.com/to8to_pc/index/statics/img/ico_btm_close.png)
    center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  right: 20rem;
  z-index: 2;
}
.btm-left-ewm-box {
  width: 120rem;
  height: 149rem;
  position: fixed;
  z-index: 11;
  bottom: 60rem;
  left: -200rem;
  background: #fff;
  border: 1rem solid #f0f1f5;
  text-align: center;
  cursor: pointer !important;
}
.btm-left-ewm-box img {
  width: 96rem;
  height: 96rem;
  margin-top: 12rem;
}
.btm-left-ewm-box p {
  font-size: 10rem;
  color: #24c77e;
}
.btm-float,
.btm-float__content {
  height: 72rem;
}
.btm-app-img {
  width: 40rem;
  height: 40rem;
  display: block;
  position: absolute;
  left: 0;
  top: 16rem;
}
@media screen and (min-width: 1460rem) {
  .btm-float,
  .btm-float__content {
    height: 90rem;
  }
  .btm-app-img {
    height: 48rem;
    width: 48rem;
    top: 22rem;
  }
  .btm-app-text,
  .btm-app-text a {
    font-size: 24rem;
    line-height: 90rem;
  }
  .btm-app-btn {
    width: 128rem;
    height: 44rem;
    font-size: 18rem;
    line-height: 44rem;
  }
  .btm-ewm-box {
    height: 180rem;
    width: 180rem;
    bottom: 20rem;
  }
  .btm-ewm-img {
    height: 148rem;
    width: 148rem;
    margin: 16rem;
  }
  .btm-left-ewm-box {
    width: 180rem;
    height: 212rem;
  }
  .btm-left-ewm-box img {
    width: 140rem;
    height: 140rem;
    margin-top: 24rem;
  }
  .btm-left-ewm-box p {
    font-size: 14rem;
  }
}